$SEQUENCE_UI
Harmonic sequences

Harmonic sequences display

var mySequence = [
    ['P1','m','I','T'],['P4','m','IV','SD'],['P5','','V','d'],['P1','m','I','T','up'],
    ['P1','7','V7/IV','D2'],['P4','','IV','SD'],['P5','','V7','D'],['P1','','I','T']
];

Harmonic functions only: @

<div id="mySequence" class="harmonic-sequence">@</div>
@

Harmonic functions with degrees: !

<div id="mySequence" class="harmonic-sequence">!</div>
!
  1. I
  1. IV
  1. V
  1. I
  1. V7/IV
  1. IV
  1. V7
  1. I

Harmonic functions with colored degrees: !%

<div id="mySequence" class="harmonic-sequence">!%</div>
!%
  1. I
  1. IV
  1. V
  1. I
  1. V7/IV
  1. IV
  1. V7
  1. I

Harmonic functions with degrees and signatures: $

<div id="mySequence" class="harmonic-sequence">$</div>
$
  1. min
  2. I
  1. min
  2. IV
  1. Maj
  2. V
  1. min
  2. I
  1. 7
  2. V7/IV
  1. Maj
  2. IV
  1. Maj
  2. V7
  1. Maj
  2. I

Harmonic functions with degrees and colored signatures: $%

<div id="mySequence" class="harmonic-sequence">$%</div>
$%
  1. min
  2. I
  1. min
  2. IV
  1. Maj
  2. V
  1. min
  2. I
  1. 7
  2. V7/IV
  1. Maj
  2. IV
  1. Maj
  2. V7
  1. Maj
  2. I

Harmonic functions with degrees and chords: (nothing) (init tonality=D#)

<div id="mySequence" class="harmonic-sequence"></div>
  1. D#m
  2. I
  1. G#m
  2. IV
  1. A#
  2. V
  1. D#m
  2. I
  1. D#7
  2. V7/IV
  1. G#
  2. IV
  1. A#
  2. V7
  1. D#
  2. I

Harmonic functions with degrees and colored chords: % (init tonality=D#)

<div id="mySequence" class="harmonic-sequence">%</div>
%
  1. D#m
  2. I
  1. G#m
  2. IV
  1. A#
  2. V
  1. D#m
  2. I
  1. D#7
  2. V7/IV
  1. G#
  2. IV
  1. A#
  2. V7
  1. D#
  2. I

Harmonic functions with degrees and chords: transposable (nothing) (last tonality=G)

<div id="mySequence" class="harmonic-sequence transposable"></div>
  1. Gm
  2. I
  1. Cm
  2. IV
  1. D
  2. V
  1. Gm
  2. I
  1. G7
  2. V7/IV
  1. C
  2. IV
  1. D
  2. V7
  1. G
  2. I

Harmonic functions with degrees and colored chords: transposable % (last tonality=G)

<div id="mySequence" class="harmonic-sequence transposable">%</div>
%
  1. Gm
  2. I
  1. Cm
  2. IV
  1. D
  2. V
  1. Gm
  2. I
  1. G7
  2. V7/IV
  1. C
  2. IV
  1. D
  2. V7
  1. G
  2. I

Harmonic functions with degrees and chords: tone (Eb)

<div id="mySequence" class="harmonic-sequence">Eb</div>
Eb
  1. Ebm
  2. I
  1. Abm
  2. IV
  1. Bb
  2. V
  1. Ebm
  2. I
  1. Eb7
  2. V7/IV
  1. Ab
  2. IV
  1. Bb
  2. V7
  1. Eb
  2. I

Harmonic functions with degrees and colored chords: tone% (F#)

<div id="mySequence" class="harmonic-sequence">F#%</div>
F#%
  1. F#m
  2. I
  1. Bm
  2. IV
  1. C#
  2. V
  1. F#m
  2. I
  1. F#7
  2. V7/IV
  1. B
  2. IV
  1. C#
  2. V7
  1. F#
  2. I

'up' separation

var sequence_A = [
    ['P1','','I','T','up'],
    ['P1','','V','d'],['P4','','I','T','up'],
    ['P1','','V','d'],['P4','m','I','T','up'],
    ['P1','','IV','SD'],['P5','','I','T','up'],
    ['P1','','bVI','SD'],['M3','m','I','T','up']
];
<div id="sequence_A" class="harmonic-sequence"></div>
  1. D#
  2. I
  1. D#
  2. V
  1. G#
  2. I
  1. D#
  2. V
  1. G#m
  2. I
  1. D#
  2. IV
  1. A#
  2. I
  1. D#
  2. bVI
  1. Fxm
  2. I

'br' line break

var sequence_B = [
    ['P5','7','V7','D'],['P1','','I','T'],['P5','7','V7','D'],['P1','','I','T','br'],
    ['P5','7','V7','D'],['P1','','I','T'],['P5','7','V7','D'],['P1','','I','T']
];
<div id="sequence_B" class="harmonic-sequence"></div>
  1. A#7
  2. V7
  1. D#
  2. I
  1. A#7
  2. V7
  1. D#
  2. I

  1. A#7
  2. V7
  1. D#
  2. I
  1. A#7
  2. V7
  1. D#
  2. I

'up' and 'br' together

var sequence_C = [
    ['P1','°','VII','D'],['m2','','I','T','br'],
    ['P1','°','VII','D'],['m2','m','I','T','up'],
    ['P1','°','II','SD'],['m7','m','I','T','br'],
    ['P1','°','II','SD'],['m7','m','I','T']
];
<div id="sequence_C" class="harmonic-sequence"></div>
  1. D#°
  2. VII
  1. E
  2. I

  1. D#°
  2. VII
  1. Em
  2. I
  1. D#°
  2. II
  1. C#m
  2. I

  1. D#°
  2. II
  1. C#m
  2. I

Mode's harmonisations

Generic harmonization, functions + degrees: !

<div id="major1"></div>
$SEQUENCE_UI.buildHarmonization("major1", 0, '!', true);
  1. I
  1. II
  1. III
  1. IV
  1. V
  1. VI
  1. VII

Generic harmonization, functions + colored degrees (from signature): !%

<div id="major2"></div>
$SEQUENCE_UI.buildHarmonization("major2", 0, '!%', true);
  1. I
  1. II
  1. III
  1. IV
  1. V
  1. VI
  1. VII

Generic harmonization, functions + degrees + signatures: $

<div id="major3"></div>
$SEQUENCE_UI.buildHarmonization("major3", 0, '$', true);
  1. M7
  2. I
  1. m7
  2. II
  1. m7
  2. III
  1. M7
  2. IV
  1. 7
  2. V
  1. m7
  2. VI
  1. Ø
  2. VII

Generic harmonization, functions + degrees + colored signatures: $%

<div id="major4"></div>
$SEQUENCE_UI.buildHarmonization("major4", 0, '$%', true);
  1. M7
  2. I
  1. m7
  2. II
  1. m7
  2. III
  1. M7
  2. IV
  1. 7
  2. V
  1. m7
  2. VI
  1. Ø
  2. VII

Harmonization, functions + degrees + chord: tone

<div id="major5"></div>
$SEQUENCE_UI.buildHarmonization("major5", 0, 'C', true);
  1. CM7
  2. I
  1. Dm7
  2. II
  1. Em7
  2. III
  1. FM7
  2. IV
  1. G7
  2. V
  1. Am7
  2. VI
  1. BØ
  2. VII

Harmonization, functions + degrees + colored chord: tone%

<div id="major6"></div>
$SEQUENCE_UI.buildHarmonization("major6", 0, 'C%', true);
  1. CM7
  2. I
  1. Dm7
  2. II
  1. Em7
  2. III
  1. FM7
  2. IV
  1. G7
  2. V
  1. Am7
  2. VI
  1. BØ
  2. VII